/* reset */
html,body{overflow: hidden;}
body{background:#fff;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select{margin:0;padding:0;}
em{font-style:normal}
li{list-style:none}
a{text-decoration:none;}
img{border:none; vertical-align:top;}
img,fieldset{border: none 0;}
table{border-collapse:collapse;}
textarea{ resize:none;overflow:auto;}
table{border-collapse:collapse;border-spacing:0;}
/* end reset */

/*
 头部
 * */
#head{width: 100%;height: 40px;width: auto;background:#143465;position: relative;left: 0;top: 0;z-index: 2;}
#head #head_time{color:deepskyblue;font-size: 18px;line-height: 40px; height: 40px;display: inline-block;position: absolute;right: 20px;top:0px;}
#head .table{text-align: center;height: 40px;}
#head .table span{display: inline-block;margin-top: 10px;width: 59px;height: 24px;cursor: pointer;}
#head .table .table_img{background:url(../img/images/sprite_main_png.png) 0px -301px;}
#head .table .table_img2{background:url(../img/images/sprite_main_png.png) 0px -210px;}
#head .table .table_img3{background:url(../img/images/sprite_main_png.png) 0px -155px;}
/*头部模拟苹果菜单*/
#wep{position:absolute;left: 0;top: 0px; width: 100%;height:100%;overflow: hidden;}
.wep_bg{width: 100%;height: 100%;}

/*桌面*/

#desk_center{width:88%;height:75%;position: absolute;left: 100px;top:80px; z-index: 2;overflow: hidden;}
#desk_center ul{width:100%;position: absolute;height:100%;top: 0;left: 0;z-index: 1000;}
#desk_center li{width:100%;height:100%; float: left; position: absolute;left:1400px;opacity:0.3;filter: alpha(opacity=30);}
#desk_center li div{width: 86px; height: 88px;float: left;text-align: center;}
#desk_center li div:hover{background-image: url(../img/images/appbutton_mouseover_bg3.png);}
#desk_center li a{display: block; width: 86px; height: 88px;}
#desk_center li a img{width: 48px; height: 48px; margin-top: 10px;}
#desk_center li span{display: block;color:white;font-size: 12px;margin-top: 5px;}
/*左侧菜单栏*/
#web_left1{width: 70px;height: 560px;position: absolute;left:0;top:50%;opacity: 0.5;filter:alpha(opacity=50);
	margin-top: -270px;background:black;border-radius:3px;border: 1px solid #47484a;}
#web_left{width:70px;height:560px;padding-top:10px;position: absolute;left:0;top:50%;margin-top: -270px;z-index: 1000;}
#left_memu li{height: 48px;margin-bottom: 15px;}
#left_memu li a{display: block;height:48px;}
#left_memu li a img{display:block;width:48px;height:48px;margin-left: 11px;}
#left_memu #tool{width: 70px;height: auto;margin-top: 45px;}
#left_memu .tool{width: 70px;border-top:1px solid #47484a ;}
#left_memu .tool span{width: 19px;height: 19px;margin: 5px 0 5px 8px;display: inline-block;}
#left_memu .tool .span1{background:url(../img/images/portal_all_png.png) -83px 0px;}
#left_memu .tool .span1:hover{background-position:-83px -20px;}
#left_memu .tool .span2{background:url(../img/images/portal_all_png.png) 0px 0px;}
#left_memu .tool .span2:hover{background-position:0px -20px;}
#left_memu .tool .span3{background:url(../img/images/portal_all_png.png) -61px 0px;}
#left_memu .tool .span3:hover{background-position:-61px -20px;}
#left_memu .tool .span4{background:url(../img/images/portal_all_png.png) -42px 0px;}
#left_memu .tool .span4:hover{background-position:-42px -20px;}

#left_memu .tool2{width: 70px;height: auto;border-top:1px solid #47484a ;}
#left_memu .tool2 .span5{width: 40px;height: 40px;margin: 15px 0 0 15px;display: inline-block;
	background:url(../img/images/portal_all_png.png) -103px 0px;}
#left_memu .tool2 .span5:hover{background:url(../img/images/portal_all_png.png) -143px 0px;}
/*个人信息*/

#fast_bg{
	width: 100%;
	height: 100%;
	z-index: 1001;
	display: none;
	position: absolute;
	background: black;
	opacity: 0.5;
	left: 0;
	top: 0;
}
#myMessage{
	width: 72px;
	height: 72px;
	position: absolute;
	right:40px;
	top: 60px;
	z-index: 1001;
	cursor: pointer;
}
#myMessage .myMessage_off{
	background:url(../img/bg.img/x.png);
	width: 30px;
    height: 31px;
    position: absolute;
    z-index: 1000;
   	cursor: pointer;
    right: -272px;
    top: -162px;
    display:none;
}
#myMessage .myMessage_img{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.myMessage_h3{
	font-family: "Microsoft YaHei";
    text-shadow: 0 0 2px #FFF;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
 
    }
.myMessage_box1 .myMessage_h3{
	padding-left:75px;
	padding-top:20px ;
}
.myMessage_box2 .myMessage_h3{
	padding-left:148px;
	padding-top:20px ;
}
.myMessage_box3 .myMessage_h3{
	
	text-indent: 135px;
   padding-top:20px ;
}
.myMessage_box4 .myMessage_h3{
	padding-left:85px;
	padding-top:20px ;
}

#myMessage ul{
	padding: 20px 0 0 30px;
	overflow: hidden;

}
#myMessage ul li{
	
	line-height: 22px;
	font-size: 12px;
    height: 22px;
    color: #fff;
    overflow: hidden;
} 
.myMessage_box1,.myMessage_box2,.myMessage_box3,.myMessage_box4 {
	position:absolute;
	background: url(../img/bg.img/fast_nav_open.png) no-repeat;
	overflow:hidden;
	opacity: 0;
	display: none;
}
#myMessage .myMessage_box1{    
	left: -265px;
    bottom: 36px;
    height: 187px;
  	/*width: 301px;*/
  	
}
#myMessage .myMessage_box2{    
	left: 36px;
    top: -151px;
    background-position:-301px 0;
    /*width: 305px;*/
  	height: 187px;
}
#myMessage .myMessage_box3{    
	top: 35px;
    left:37px;
    background-position:-303px -186px;
    width: 300px;
    /*height: 190px;*/
}
#myMessage .myMessage_box4{    
   	right: 36px;
	top: 36px;
/*	width: 301px;*/
	height: 187px;
	background-position:0px -187px;
}

/*
 
 * 登录注册页面
 * */
#login{
	width: 464px;
	height: 414px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin:-207px 0 0 -232px;
	z-index: 1000;
	
}
#login .login_main{
	width: 406px;
	opacity: 0;
    /*height: 320px;*/
    margin: 45px auto;
    position: relative;
    overflow: hidden;
    /*-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);*/
}
.login_main .q_login{
	padding-top: 80px;
    height: 240px;
    background: url(../img/bg.img/login.png) no-repeat;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  	display: none;
    /*-webkit-transform: rotateX(0) rotateY(0) translateZ(0.3px);
    -moz-transform: rotateX(0) rotateY(0) translateZ(0.3px);
    transform: rotateX(0) rotateY(0) translateZ(0.3px);*/
}
.login_main .q_login .q_off{
	width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 27px;
    background: url(../img/bg.img/talk-close.png) no-repeat;
}

.q_login .q_from{
	float: left;
    padding-left: 44px;
}
.q_from .q_fromBox{
	margin-bottom: 8px;
    width: 312px;
    height: 46px;
    background: url(../img/bg.img/text.png) no-repeat;
}
.q_fromBox span{
	display: block;
    width: 32px;
    height: 46px;
    float: left;
}
.user_icon{
	background: url(../img/bg.img/user-icon.png) 12px 15px no-repeat;
}
.pass_icon{
	background: url(../img/bg.img/pass-icon.png) 12px 15px no-repeat;
}

.q_pass,.q_text{
	float: left;
    border: none;
    width: 275px;
    height: 32px;
    background: none;
    margin-top: 7px;
    text-indent: 10px;
    font-size: 14px;
}
#q_user{
	text-align: center;
    margin-top: 20px;
    line-height: 22px;
}
#q_user span{
	display: inline-block;
    height: 22px;
    vertical-align: top;
    font-size: 14px;
    font-family: '微软雅黑';
}
#q_user em{
	margin-right: 8px;
    margin-left: 8px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/bg.img/check.png) no-repeat;
    vertical-align: middle;
}
#q_user .active{
	background: url(../img/bg.img/checkactive.png) no-repeat;
}
.q_login .q_right{
	color: #0c7ab9;
    text-shadow: 2px 2px 6px #fff;
    font-size: 16px;
    float: right;
   	right:40px;
    font-family: '微软雅黑';
    margin-top: -24px;
    position: relative;
    bottom:-143px ;
}
.login_ico{
	width: 158px;
    height: 32px;
    margin: 0 auto;
   	padding: 20px 79px 0 0;
    clear: both;
}
.login_ico input {
    width: 171px;
    height: 49px;
    background: url(../img/bg.img/login-sub.png) no-repeat;
    border: none;
}
/*
 注册界面
 * */   
.qs_login{
	background: url(../img/bg.img/logins.png) repeat-x;
    border-radius: 4px;
    padding-top: 80px;
    width: 392px;
 	padding: 0 7px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;

  	display: none;
}
.qs_login h2{
	text-align: center;
    color: #fff;
    line-height: 80px;
    font-size: 20px;
    font-family: '微软雅黑';
}
.qs_login .qs-login-left {
    left: 0;
    border-radius: 6px 0 6px 0;
}
.qs_login .qs-login-ringht{
	right: 0;
	border-radius: 6px 0 6px 0;
}
.qs-login-left,.qs-login-ringht{    
	position: absolute;
    top: 0px;
    width: 7px;
    height: 100%;
    background: #fff;
    opacity: 0.3;
    overflow: hidden;
}
.qs_form{
	width: 280px;
    margin: 0 auto;
    padding-top: 10px;
    font-family: '微软雅黑';
}
 .qs_form li{
 	height: 36px;
    line-height: 36px;
    background: none;
 }
.qs_form em{
    display: inline-block;
    width: 75px;
    font-size: 14px;
    font-family: '微软雅黑';
}
.qs-box input {
    width: 200px;
    height: 18px;
    
}
.qs_passd{
	width: 130px;
    height: 18px;
}
.qs_form{
	font-size: 14px;
}
.qs_sex  b{
    width: 13px;
    height: 13px;
    display: inline-block;
    background: url(../img/bg.img/checkss.png) no-repeat;
    margin-left: 6px;
}
.qs_sex  .active{
	background: url(../img/bg.img/checkssactive.png) no-repeat;
}
/*.qs_sex #man{
	background: url(../img/bg.img/checkssactive.png) no-repeat;
}*/
.qs_sub{
	bottom: 7px;
    right: 9px;
    position: absolute;
}
.qs_sub input{
	width: 65px;
    height: 22px;
    background: #f4fafd;
    border: 1px solid #879195;
    border-radius: 3px;
}
/*
 	时钟
 * */


#clock{
	width: 200px;
	height: 200px;
	border: 20px solid #000;
	border-radius:50%;
	position: absolute;
	/*margin-left: -250px;
	margin-top: -220px;*/
	
	right:100px;
	top:100px;
	z-index:1000;
	background:transparent ;
	behavior: url(PIE.htc)
}
#clock_center{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	left: 90px;
	top: 90px;
	background: black;
}
#clock ul{
	border:1px solid #ccc;border-radius: 50%;
	height:198px; position:relative; list-style:none;
	background:transparent ;
}
#clock ul li{ 
	width:3px;height:6px;
	background:#ccc; 
	position:absolute;
	left:97px;
	top:-1px; 
	-webkit-transform-origin:center 100px;
}
#clock ul li:nth-of-type(5n+1){ height:12px;background: #000;}
#hour{width:6px;height:45px;background:#000; position:absolute;left:97px;top:55px;-webkit-transform-origin:bottom;}
#min{width:4px;height:65px;background:#999; position:absolute;left:98px;top:35px;-webkit-transform-origin:bottom;}
#sec{width:2px;height:80px;background:red; position:absolute;left:99px;top:20px;-webkit-transform-origin:bottom;}
#time{
	display: block;
	width: 80px;
	height: 20px;
	border: 1px solid skyblue;
	position: absolute;
	left: 60px;
	bottom:60px;
	z-index:998;
	font-size: 8px;
	color: white;
	line-height: 20px;
	text-align: center;
}

/*隐藏切换背景*/
#aui_outer{width: 700px; height: 500px;border: 1px solid grey; border-radius:5px; z-index:1001;position: relative; left:310px; top: -600px; background: #f7f7f7;overflow: hidden;}
#aui_outer .aui_head{height: 30px; background: #414040;border-radius:3px;}
#aui_outer .trolley{position: absolute;right: 0;width:20px;height: 470px;background: gainsboro;top:30px;}
#aui_outer .trolley .trolley_btn{width: 18px; height: 200px;position: absolute;left: 1px; top: 0; border-radius:10px;background:gray;display: block;}
#aui_outer .aui_title{color: white; line-height: 30px; font-size: 12px; font-weight:bold; margin-left: 20px;display: inline-block;}
#aui_outer .aui_off{width:24px; height: 24px;display: inline-block;position: absolute; right: 10px;top:3px; background: url(../img/images/helpmenu.png) -395px -75px;}
#aui_outer .aui_off:hover{background-position:-448px -75px;}
#aui_outer .aui_wrip{width: 620px;position: absolute;left:30px;top: 30px; height:470px;}
#aui_outer .aui_wrip_head{position: absolute; top: 10px; height: 22px;width:620px;line-height: 22px;padding: 5px 0 0;font-size: 12px;border: solid #a1b4b0;border-width: 0 0 1px;}
#aui_outer .aui_wrip_span{display:inline-block; border-color: #a1b4b0;border-style: solid;border-width: 1px 1px 0;margin: 0 0 0 5px;background:#f7f7f7;
cursor: pointer;display: inline;float: left;text-align: center;width: 80px;}
#aui_outer .aui_wrip_div1{width:620px;height: 430px; position: absolute;top:40px;overflow: hidden; }
#aui_outer  .aui_wrip_ul{width:auto; height: auto; position: relative;left: 30px;top: 0;opacity:0;display: block;}
#aui_outer  .aui_wrip_ul li{width:160px;height: 130px; margin:10px; display: inline-block;}
#aui_outer  .aui_wrip_ul li a{width:100%; height: 90%;display: block;border: 1px solid saddlebrown;}
#aui_outer  .aui_wrip_ul li img{width: 100%;height: 100%;}
#aui_outer  .aui_wrip_ul li span{width: 100%;text-align: center;display:block;margin-top: 10px;}
/*隐藏登录菜单*/
#enterMenu1{position: absolute;bottom:45px;width: 182px;height: 242px;left: -250px;z-index: 998;border-radius:5px;background:black;opacity: 0.5;filter: alpha(opacity=50);}
#enterMenu{position: absolute;bottom:45px;width: 180px;height: 240px;border: 1px solid #222322;z-index: 999;
border-radius:5px;left: -250px;}
.enterMenu_li1{border-bottom: 1px solid #222322; height: 40px;line-height: 40px;padding: 0 15px;}
.enterMenu_li1 span{display:inline-block;width:24px;height: 24px;margin-left: 10px;float: right;margin-top: 8px;}
.enterMenu_li1 .li1_span1{background:url(../img/images/startmenu.png) -167px -360px;}
.enterMenu_li1 .li1_span2{background:url(../img/images/startmenu.png) -190px -360px;}
.enterMenu_li1 .li1_span1:hover{background-position:-218px -360px;}
.enterMenu_li1 .li1_span2:hover{background-position:-241px -360px;}
#enterMenu .enterMenu_li {padding-left:15px;border-bottom: 1px solid #222322;border-top: 1px solid gray;}
#enterMenu .enterMenu_li a{color: white;line-height: 24px; font-size: 12px;}

#enterMenu .off_btn{display: block; text-align: center; width: 35px;height: 35px;margin-top: 6px; margin: auto;
background:url(../img/images/startmenu.png) -60px -355px;}
#enterMenu .off_btn:hover{background-position:-23px -355px;}
#enterMenu .enterMenu_li:hover{background: gray;}
/*上面的工具栏*/
#top_mume{text-align: center;left: 41%;top: 48px;width: 245px;height: 40px;z-index: 2;position: absolute;
		background: url(../img/images/sprite_main_png.png) -139px -44px;}
#top_mume .web_top_focus {float: left;margin-left:10px ;width: 150px;height: 26px; }
#top_mume .web_top_focus li{ height:28px;line-height: 28px;text-align: center;margin: 0 0 0 5px;float: left;width: 24px;z-index: 9999;}
#top_mume .web_top_focus li a{color: #fff;font-weight: bold;}
#top_mume .web_top_f1 {width: 68px;height: 19px;padding-top: 4px;margin-left: 14px;float: left;}
#top_mume .web_top_f1 a{margin-left: 3px;margin-top: 2px;height: 19px;width: 19px;display: inline-block;}
.web_top_f1 .web_top_a1{background: url(../img/images/sprite_main_png.png) -169px -159px; }
.web_top_f1 .web_top_a2{background: url(../img/images/sprite_main_png.png) -243px -159px; }

